<template>
	<view
		class="header"
	>
		<sg-search-input
			@search="searchVal"
			style="width:100%
		"
		/>
	<!--	<view class="sortable"><text>All分类</text></view>-->
	</view>
</template>

<script>
import sgSearchInput from '@/components/sg-search-input/sgSearchInput.vue'
export default {
  props: {
    // 筛选
    data: {
      type: String
    }
  },
  components: {
    sgSearchInput
  },
  data() {
    return {
      value: getApp().globalData.searchVal
    }
  },
  methods: {
    searchVal(value) {
      this.$emit('search', value)
    }
  },
}
</script>

<style lang="scss" scoped>
.header{

	width: 100vw;
	padding: 30rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	.sortable {
		margin-left: 12rpx;
		font-weight: 600;
		color: #000000;
	}
	.sg-search-input{
		width: 95vw;
	}

}
</style>
